<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="viewport" content="width=device-width, width=640px,user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title></title>

        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/swiper.css">
        <link rel="stylesheet" href="css/detail.css" />
        
    </head>
    <body>
        <div class="detail_top " >            
            <a href="index.html"><i class="top_return"></i></a>
            <span class="top_title">Bussines Detail</span>
            <i class="top_star"></i>                       
        </div>


        <div class="detail_warp swiper-container">
            <ul class="swiper-wrapper">
                <li class="swiper-slide">
                    <img src="images/picture-bg.png"  alt="" />
                    <div class="picture_info">
                        <div class="info_depict">
                            <span class="info_word1">Coliseum HG.MASTER</span>
                            <div>
                                <ul class="star">
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_black"></li>
                                </ul>
                                <span class="info_word2"><i>120</i>People Browsing</span>
                            </div>
                            
                        </div>
                        <div class="page-num swiper-pagination swiper-pagination-fraction">
                           <i class="swiper-pagination-current"></i><i class="swiper-pagination-total"></i>
                        </div>
                    </div>
                </li>
                <li class="swiper-slide">
                    <img src="images/picture-bg.png"  alt="" />
                    <div class="picture_info">
                        <div class="info_depict">
                            <span class="info_word1">Coliseum HG.MASTER</span>
                            <div>
                                <ul class="star">
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_black"></li>
                                </ul>
                                <span class="info_word2"><i>120</i>People Browsing</span>
                            </div>
                            
                        </div>
                        <div class="page-num swiper-pagination swiper-pagination-fraction">
                            <i class="swiper-pagination-current"></i><i class="swiper-pagination-total"></i>
                        </div>
                    </div>
                </li>
                <li class="swiper-slide">
                    <img src="images/picture-bg.png"  alt="" />
                    <div class="picture_info">
                        <div class="info_depict">
                            <span class="info_word1">Coliseum HG.MASTER</span>
                            <div>
                                <ul class="star">
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_black"></li>
                                </ul>
                                <span class="info_word2"><i>120</i>People Browsing</span>
                            </div>
                            
                        </div>
                        <div class="page-num swiper-pagination swiper-pagination-fraction">
                            <i class="swiper-pagination-current"></i><i class="swiper-pagination-total"></i>
                        </div>
                    </div>
                </li>
                <li class="swiper-slide">
                    <img src="images/picture-bg.png"  alt="" />
                    <div class="picture_info">
                        <div class="info_depict">
                            <span class="info_word1">Coliseum HG.MASTER</span>
                            <div>
                                <ul class="star">
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_black"></li>
                                </ul>
                                <span class="info_word2"><i>120</i>People Browsing</span>
                            </div>
                            
                        </div>
                        <div class="page-num swiper-pagination swiper-pagination-fraction">
                            <i class="swiper-pagination-current"></i><i class="swiper-pagination-total"></i>
                        </div>
                    </div>
                </li>
                <li class="swiper-slide">
                    <img src="images/picture-bg.png"  alt="" />
                    <div class="picture_info">
                        <div class="info_depict">
                            <span class="info_word1">Coliseum HG.MASTER</span>
                            <div>
                                <ul class="star">
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_right"></li>
                                    <li class="star_black"></li>
                                </ul>
                                <span class="info_word2"><i>120</i>People Browsing</span>
                            </div>
                            
                        </div>
                        <div class="page-num swiper-pagination swiper-pagination-fraction">
                            <i class="swiper-pagination-current"></i><i class="swiper-pagination-total"></i>
                        </div>
                    </div>
                </li>
            </ul>
        </div>



        <div class="address_warp">
            <div class="address_map">
                <i class="map_icon"></i>
                <span class="map_world">Fair Centre, 1 Maple Street View</span>
                <a href="###"><i class="next"></i></a>
            </div>
            <div class="phone_num">
                <i class="phone_icon"></i>
                <span class="num_world">020-8888 8888</span>
                <a href="###"><i class="next"></i></a>
            </div>
        </div>
        <div class="space"></div>


        <div class="address_warp">
            <div class="list-contain">               
                <span class="list">Listing</span>               
            </div>
            <div class="list_time">
                <div class="time_info">
                <span >Hours: 10:00-22:00</span>
                <span>Store Descriptio:Blow,hair color,perm,hair care ...</span>
                </div>
                <a href="###"><i class="down"></i></a>
            </div>
        </div>
        <div class="space"></div>
        
        
        <div class="store_even">
            <div class="even_top">
                <span>Store Events</span>
            </div>
            <div class="even_info">
                <div class="even_middle">
                    <div class="even_pic">
                        <img src="images/even-pic.png"  alt="" />
                    </div>
                    <div class="even_contain">
                        <span class="even_tilte"><i class="world_p">[Package]</i> Blanching Single Package</span>
                        <p> Chief designer cut design + L'Oreal care scalding hot + + Philippines Philippines...</p>
                    </div>
                </div>
                <div class="even_bottom">
                    <span class="even_date">September 21,2016</span>
                    <a href="###"><i class="next"></i></a>

                </div>
            </div>
            
        </div>
        <div class="space"></div>



        <div class="person_warp">
            <div class="user_title">
                <span>User Review(520)</span>
                <a href="###"><i class="next"></i></a>
            </div>
            <div class="person_info">
                <b class="person_line"></b>

                <div class="user_a">
                    <img src="images/user-1.png"  alt="" class="user_pic"/>
                    <div class="user_a_b">
                        <div class="user_rank">
                            <span class="user_name">Rainbow Color Rain</span>
                            <div class="star_warp">
                                <ul class="star">
                                            <li class="star_right"></li>
                                            <li class="star_right"></li>
                                            <li class="star_right"></li>
                                            <li class="star_right"></li>
                                            <li class="star_black"></li>
                                </ul>
                                <i class="star_num"><em class="num_left">9</em><em class="num_right">.2</em></i>
                            </div>
                        </div>
                        <span class="even_date user_date ">September 21,2016</span>
                    </div>
                    <div class="user_sever">
                        <p>Good seveice attitude,very enthusiastic, did not sell products and card</p>
                    </div>
                    <ul class="user_produce">
                        <li><img src="images/user-produce01.png" height="136" width="180" alt="" /></li>
                        <li><img src="images/user-produce02.png" height="136" width="180" alt="" /></li>
                        <li><img src="images/user-produce03.png" height="136" width="180" alt="" /></li>
                    </ul>
                </div>

                <div class="user_a">
                    <img src="images/user-2.png"  alt="" class="user_pic"/>
                    <div class="user_a_b">
                        <div class="user_rank">
                            <span class="user_name">HaHa</span>
                            <div class="star_warp">
                                <ul class="star">
                                            <li class="star_right"></li>
                                            <li class="star_right"></li>
                                            <li class="star_right"></li>
                                            <li class="star_right"></li>
                                            <li class="star_black"></li>
                                </ul>
                                <i class="star_num"><em class="num_left">9</em><em class="num_right">.2</em></i>
                            </div>
                        </div>
                        <span class="even_date user_date ">September 21,2016</span>
                    </div>
                    <div class="user_sever">
                        <p>Good seveice attitude,very enthusiastic, did not sell products and card</p>
                    </div>
                    <ul class="user_produce">
                        <li><img src="images/user-produce04.png" height="136" width="180" alt="" /></li>
                        <li><img src="images/user-produce05.png" height="136" width="180" alt="" /></li>
                        
                    </ul>
                </div>

                <div class="user_a">
                    <img src="images/user-3.png"  alt="" class="user_pic"/>
                    <div class="user_a_b">
                        <div class="user_rank">
                            <span class="user_name">I AM A Sister</span>
                            <div class="star_warp">
                                <ul class="star">
                                            <li class="star_right"></li>
                                            <li class="star_right"></li>
                                            <li class="star_right"></li>
                                            <li class="star_right"></li>
                                            <li class="star_black"></li>
                                </ul>
                                <i class="star_num"><em class="num_left">9</em><em class="num_right">.2</em></i>
                            </div>
                        </div>
                        <span class="even_date user_date ">September 21,2016</span>
                    </div>
                    <div class="user_sever">
                        <p>Good seveice attitude,very enthusiastic, did not sell products and card</p>
                    </div>
                    <ul class="user_produce">
                        <li><img src="images/user-produce06.png" height="136" width="180" alt="" /></li>
                        <li><img src="images/user-produce07.png" height="136" width="180" alt="" /></li>
                        
                    </ul>
                </div>
                

                
            </div>

        </div>
        <div class="space"></div>

        


        <div class="store_warp2">
            <div class="store_content">
                    <div class="store_left">
                        <a href="###">
                        <img src="images/store-4.png"  alt="" />
                        </a>
                    </div>
                    <div class="store_right">
                        <div class="store_rating">
                            <span class="store_title">East Field Modeling</span>
                            <div class="star_warp">
                            <ul class="star">
                                <li class="star_right"></li>
                                <li class="star_right"></li>
                                <li class="star_right"></li>
                                <li class="star_right"></li>
                                <li class="star_black"></li>
                            </ul>
                            <i class="star_num"><em class="num_left">9</em><em class="num_right">.2</em></i>
                            </div>
                            <span class="store_detail">Hair | Guanqian Region</span>
                        </div>
                        <div class="store_coment">
                            <i class="eye"></i>
                            <span class="comment_num">13373</span>
                        </div>

                    </div>
                </div>

                <div class="store_content">
                    <div class="store_left">
                        <a href="###">
                        <img src="images/store-5.png"  alt="" />
                        </a>
                    </div>
                    <div class="store_right">
                        <div class="store_rating">
                            <span class="store_title">Park Coliseum Hair Zhe</span>
                            <div class="star_warp">
                            <ul class="star">
                                <li class="star_right"></li>
                                <li class="star_right"></li>
                                <li class="star_right"></li>
                                <li class="star_right"></li>
                                <li class="star_black"></li>
                            </ul>
                            <i class="star_num"><em class="num_left">9</em><em class="num_right">.2</em></i>
                            </div>
                            <span class="store_detail">Hair | South Gate</span>
                        </div>
                        <div class="store_coment">
                            <i class="eye"></i>
                            <span class="comment_num">13373</span>
                        </div>

                    </div>
                </div>

                <div class="store_content">
                    <div class="store_left">
                        <a href="###">
                        <img src="images/store-6.png"  alt="" />
                        </a>
                    </div>
                    <div class="store_right">
                        <div class="store_rating">
                            <span class="store_title">LG Paragon Custom Hall</span>
                            <div class="star_warp">
                            <ul class="star">
                                <li class="star_right"></li>
                                <li class="star_right"></li>
                                <li class="star_right"></li>
                                <li class="star_right"></li>
                                <li class="star_black"></li>
                            </ul>
                            <i class="star_num"><em class="num_left">9</em><em class="num_right">.2</em></i>
                            </div>
                            <span class="store_detail">Hair | Canglang Metro</span>
                        </div>
                        <div class="store_coment">
                            <i class="eye"></i>
                            <span class="comment_num">13373</span>
                        </div>

                    </div>
                </div>
            <div class="space_s"></div>   
        </div>
        




        <div class="detail_bottom">
            <a href="#">
            <div class="item_rece">
                <img src="images/rece-icon.png" height="34" width="32" alt="" />
                <span>Review</span>
            </div>
            </a>
            <b class="detail_line"></b>
            <a href="#">
            <div class="item_chat">
                <img src="images/chat-icon.png" height="38" width="39" alt="" />
                <span>To Chat With</span>
            </div>
            </a>
        </div>

        <script src="js/jquery.min.js"></script>
        <script src="js/swiper.min.js"></script>
         <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',        
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: 2500,
            autoplayDisableOnInteraction: false,
            paginationType : 'fraction',
            paginationFractionRender: function (swiper, currentClassName, totalClassName) {
                  return '<i class="' + currentClassName + '"></i>' +
                         ' / ' +
                         '<i class="' + totalClassName + '"></i>';
              }
        });
        </script>
    </body>

</html>